<template>
    <div>
        {{ sum }}
    </div>
    <button @click="sum++">sum++</button>
    <hr>
    <div>当前鼠标点击位置是：x:{{ point.x }},y:{{ point.y }}</div>
</template>

<script>
import { ref } from 'vue';
import usePoint from '@/hooks/usePoint';
export default {
    name: 'Demo',
    setup() {

        let sum = ref(0);
        const point = usePoint();


        return {
            sum,
            point
        }
    },

}
</script>